<template id="menu">
	<view>
		<block name="menu">
			<view class="menu_content">
				<view class="menu_content_list">
					<view class="menu_content_dis">
						<view class="menu_content_cont" @tap="jump_indexs">
							<view class="menu_content_img"><image :src="imgUrl + (indexId == 0 ? 'dzx_imgs11.png' : 'dzx_imgs1.png')"></image></view>
							<view :style="'color:' + (indexId == 0 ? '#393939' : '#666')" class="menu_content_txt">{{ $t('page_template.home') }}</view>
						</view>
						<view class="menu_content_cont" @tap="jump_chaxun">
							<view class="menu_content_img"><image :src="imgUrl + (indexId == 1 ? 'dzx_imgs22.png' : 'dzx_imgs2.png')"></image></view>
							<view :style="'color:' + (indexId == 1 ? '#393939' : '#666')" class="menu_content_txt">{{ $t('page_template.query') }}</view>
						</view>
					</view>

					<view class="menu_content_cont2" @tap="tankuang">
						<view class="menu_content_img2"><image :src="imgUrl + (indexId == 2 ? 'dzx_imgs5.png' : 'dzx_imgs5.png')"></image></view>
					</view>

					<view class="menu_content_dis2">
						<view class="menu_content_cont" @tap="jump_pintuan">
							<view class="menu_content_img"><image :src="imgUrl + (indexId == 3 ? 'dzx_imgs33.png' : 'dzx_imgs3.png')"></image></view>
							<view :style="'color:' + (indexId == 3 ? '#393939' : '#666')" class="menu_content_txt">{{ $t('page_template.grouping') }}</view>
						</view>
						<view class="menu_content_cont" @tap="jump_personal">
							<view class="menu_content_img"><image :src="imgUrl + (indexId == 4 ? 'dzx_imgs44.png' : 'dzx_imgs4.png')"></image></view>
							<view :style="'color:' + (indexId == 4 ? '#393939' : '#666')" class="menu_content_txt">{{ $t('page_template.my') }}</view>
						</view>
					</view>
				</view>
			</view>
		</block>
	</view>
</template>

<script>
// index.js
// 获取应用实例
const app = getApp();
export default {
	name: 'template',
	data() {
		return {
			motto: 'Hello World',
			userInfo: {},
			hasUserInfo: false,
			canIUse: uni.canIUse('button.open-type.getUserInfo'),
			canIUseGetUserProfile: false,
			canIUseOpenData: uni.canIUse('open-data.type.userAvatarUrl') && uni.canIUse('open-data.type.userNickName'),
			imgUrl: app.globalData.imgUrl,
			// 如需尝试获取用户信息可改为false
			culturelistId: 0,

			colors: '#fff;',
			isfujin: '',
			isshop: '',
			tankuangisshows: false,
			navH: app.globalData.navHeight,
			statusBarHeight: ''
		};
	},
	onLoad() {
		console.log(this.isfujin, '?????????????????????????');

		if (uni.getUserProfile) {
			this.canIUseGetUserProfile= true
		}

		this.navH= app.globalData.navHeight
		this.statusBarHeight= app.globalData.statusBar
		this.colors= app.globalData.colors
	},
	onShow() {},
	methods: {
		// tankuang() {
		//     this.tankuangisshows = true
		// },

		jump_indexs(e) {
			console.log('sssssss');
			uni.reLaunch({
				url: '../index/index'
			});
		},

		jump_chaxun(e) {
			uni.reLaunch({
				url: '/pages/chaxun/chaxun'
			});
		},

		jump_pintuan(e) {
			uni.reLaunch({
				url: '/pages/pintuan/pintuan'
			});
		},

		jump_personal(e) {
			uni.reLaunch({
				url: '/pages/my/my'
			});
		},

		culturelistclick(e) {
			this.culturelistId= e.currentTarget.dataset.id
		},

		getUserProfile(e) {
			// 推荐使用wx.getUserProfile获取用户信息，开发者每次通过该接口获取用户个人信息均需用户确认，开发者妥善保管用户快速填写的头像昵称，避免重复弹窗
			uni.getUserProfile({
				desc: '展示用户信息',
				// 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
				success: res => {
					console.log(res);
					this.userInfo= res.userInfo
					this.hasUserInfo= true
				}
			});
		},

		getUserInfo(e) {
			// 不推荐使用getUserInfo获取用户信息，预计自2021年4月13日起，getUserInfo将不再弹出弹窗，并直接返回匿名的用户个人信息
			console.log(e);
			this.userInfo= e.detail.userInfo
			this.hasUserInfo= true
		}
	}
};
</script>
<style>
@import './template.css';
</style>
